<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="a.header.jsp" %>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- <div id="id" class="id">ok</div> -->
<input type="button" id="id" value="ok"></input>


<script>
//一般直接写在一个js文件中
layui.use(['layer', 'form'], function(){
  var layer = layui.layer
  ,form = layui.form;
  
  /* layer.msg('Hello World'); */
/*   layer.alert('有了回调', function(index){
	  //do something	  
	  layer.close(index);	  
	  return false;
	}); */
//eg
  /* layer.msg('同上', {
    icon: 1,
    time: 2000 //2秒关闭（如果不配置，默认是3秒）
  }, function(){
    //do something
  });    */
//eg 2
/*   $('#id').on('click', function(){
    var that = this;
    layer.tips('只想提示地精准些', that); //在元素的事件回调体中，follow直接赋予this即可
  }); */
  
  /* var index = layer.open({
	  content: 'test'
	}); */
//通过这种方式弹出的层，每当它被选择，就会置顶。
//     layer.open({
//     type: 2,
//     shade: false,
//     area:  ['80%', '80%'],    
//     maxmin: true,
//     content: 'http://www.layui.com',
//     zIndex: layer.zIndex, //重点1
//     success: function(layero){
//       layer.setTop(layero); //重点2
//     }
//   });      
//例子2
/*   layer.prompt({
    formType: 2,
    value: '初始值',
    title: '请输入值',
    area: ['800px', '350px'] //自定义文本域宽高
  }, function(value, index, elem){
    alert(value); //得到value
    layer.close(index);
  }); */
  layer.tab({
	  area: ['600px', '300px'],
	  tab: [{
	    title: 'TAB1', 
	    content: '内容1'
	  }, {
	    title: 'TAB2', 
	    content: '内容2'
	  }, {
	    title: 'TAB3', 
	    content: '内容3'
	  }]
	});  
});
</script> 
</body>
</html>